<style>
    .ext-icon {
        color: rgba(0,0,0,0.5);
        margin-left: 10px;
    }
</style>
<div class="box box-default">
    <div class="box-header with-border">
        <h3 class="box-title">缓存商品样本</h3>
        
        <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
            </button>
            <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
        </div>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <ul class="products-list product-list-in-box">
            
            @foreach($samples as $sample)
                <li class="item">
                    <div class="product-img">
                        <i class="fa fa-product-hunt fa-2x ext-icon"></i>
                    </div>
                    <div class="product-info">
                        <a class="product-title">
                            {{ $sample['product_title'] }}
                        </a>
                    </div>
                </li>
        @endforeach
        
        <!-- /.item -->
        </ul>
    </div>
    <!-- /.box-body -->
    <div class="box-footer text-center">
        <a class="uppercase">View All Products</a>
    </div>
    <!-- /.box-footer -->
</div>
